<template>
<div>
<!--  财务统计  -->
  <el-form :inline="true" :model="CwStatisticsForm" class="demo-form-inline">
    <el-form-item label="日期:">
<!--      <el-date-picker-->
<!--          v-model="CwStatisticsForm.dateStart"-->
<!--          type="date"-->
<!--          placeholder="选择日期">-->
<!--      </el-date-picker>-->
<!--    </el-form-item>-->
<!--    <el-form-item >-->
<!--      <el-date-picker-->
<!--          v-model="CwStatisticsForm.dateEnd"-->
<!--          type="date"-->
<!--          placeholder="选择日期">-->
<!--      </el-date-picker>-->


      <el-date-picker
          v-model="dateData"
          type="daterange"
          format="yyyy-MM-dd"
          value-format="yyyy-MM-dd"
          range-separator="至"
          start-placeholder="开始日期"
          end-placeholder="结束日期">
      </el-date-picker>



    </el-form-item>

    <el-form-item >
      <el-button @click="queryToneji" type="primary" >检索</el-button>
    </el-form-item>

    <el-form-item>
      <el-button @click="latelyMonth" type="primary" plain>最近一个月</el-button>
    </el-form-item>

    <el-form-item>
      <el-button @click="latelySanMonth" type="primary" plain>最近三个月</el-button>
    </el-form-item>

    <el-form-item >
      <el-button @click="latelyHalfYear" type="primary" plain>最近半年</el-button>
    </el-form-item>

    <el-form-item >
      <el-button @click="latelyYear" type="primary" plain>最近一年</el-button>
    </el-form-item>

    <el-form-item style="margin-right: 50px"></el-form-item>

    <el-form-item v-if="shouStart">
      <el-button
          type="primary"
          icon="el-icon-printer"
          class="btn-no"
          v-print="printObj">打印
      </el-button>

    </el-form-item>
  </el-form>

  <div v-if="shouStart" id="printMe" class="divMain" style="width: 60%;border:1px solid gray;margin: 0 auto;padding-top: 30px;padding-inline-start: 30px;font-size: 18px">


    <b>一、全部律师业务收入 合计 : <span>{{ CwStatisticsData["100101"] + CwStatisticsData["100102"] + CwStatisticsData["100103"] + CwStatisticsData["100104"] + CwStatisticsData["10010301"] + CwStatisticsData["10010302"] + CwStatisticsData["10010303"] || 0 }}</span> 元</b>
        <p>1、律师业务收入 : <span>{{ CwStatisticsData["100101"] || 0 }}</span>元</p>
        <p>2、指派业务收入 : <span>{{ CwStatisticsData["100102"] || 0 }}</span>元</p>
        <p>3、咨询、代书、承办人收入 : <span>{{ CwStatisticsData["100103"] || 0 }}</span>元</p>
            <p class="p4">1、口头法律咨询（人次） : <span>{{ CwStatisticsData["10010301"] || 0 }}</span>元</p>
            <p class="p4">2、书面法律咨询（人次） : <span>{{ CwStatisticsData["10010302"] || 0 }}</span>元</p>
            <p class="p4">3、代写法律文书（件） : <span>{{ CwStatisticsData["10010303"] || 0 }}</span>元</p>
        <p>4、其他收入（差旅费...） : <span>{{ CwStatisticsData["100104"] || 0 }}</span>元</p>
    <b>二、其他经营收入 合计 : <span>{{ CwStatisticsData["100201"]+CwStatisticsData["100202"]+CwStatisticsData["100203"] || 0 }}</span> 元</b>
        <p>1、办公室使用费用 : <span>{{ CwStatisticsData["100201"] || 0 }}</span>元</p>
        <p>2、管理费收入 : <span>{{ CwStatisticsData["100202"] || 0 }}</span>元</p>
        <p>3、其他收入（含个人会费、养老费等） : <span>{{ CwStatisticsData["100203"] || 0 }}</span>元</p>
    <b>三、律师酬金支出 合计 : <span>{{ CwStatisticsData["100301"]+CwStatisticsData["100302"] || 0 }}</span> 元</b>
        <p>1、律师酬金 : <span>{{ CwStatisticsData["100301"] || 0 }}</span>元</p>
        <p>2、指派案源法律部10%及案源佣金30% : <span>{{ CwStatisticsData["100302"] || 0 }}</span>元</p>
    <b>四、事务所现金支出 合计 : <span>{{ CwStatisticsData["100401"]+CwStatisticsData["100402"]+CwStatisticsData["100403"]+CwStatisticsData["100404"] || 0 }}</span> 元</b>
        <p>1、行政人员工资 : <span>{{ CwStatisticsData["100401"] || 0 }}</span>元</p>
        <p>2、固定资产支出 : <span>{{ CwStatisticsData["100402"] || 0 }}</span>元</p>
        <p>3、活动、福利（含党支部活动、旅游、年会等）支出 : <span>{{ CwStatisticsData["100403"] || 0 }}</span>元</p>
        <p>4、其他（含当事人退费、奖励、培训费、年终奖等） : <span>{{ CwStatisticsData["100404"] || 0 }}</span>元</p>
    <b>五、事务所银行支出 合计 : <span>{{ CwStatisticsData["100501"] || 0 }}</span> 元</b>
        <p>1、税金支出 : <span>{{ CwStatisticsData["100501"] || 0 }}</span>元</p>
    <b>六、律师其他收入 合计 : <span>{{ CwStatisticsData["100601"] || 0 }}</span> 元</b>
        <p>1、归档保证金 : <span>{{ CwStatisticsData["100601"] || 0 }}</span>元</p>
    <h4>辽宁盛恒律师事务所收益、盈亏统计 :
      <span>{{ CwStatisticsData["100101"]+CwStatisticsData["100102"]+CwStatisticsData["100103"]+CwStatisticsData["100104"]+CwStatisticsData["10010301"]+CwStatisticsData["10010302"]+CwStatisticsData["10010303"]+CwStatisticsData["100201"]+CwStatisticsData["100202"]+CwStatisticsData["100203"]-(CwStatisticsData["100301"]+CwStatisticsData["100302"]+CwStatisticsData["100401"]+CwStatisticsData["100402"]+CwStatisticsData["100403"]+CwStatisticsData["100404"]+CwStatisticsData["100501"])+CwStatisticsData["100601"] || 0 }}</span>元
    </h4>



  </div>

</div>
</template>

<script>
export default {
  name: "CwStatistics",
  data(){
    return{
      shouStart:false, // 控制 div 显示
      CwStatisticsForm:{
        dateStart:'',
        dateEnd :''
      },
      printObj: {
        id: "printMe",
        // popTitle: "打印模板",
        extraHead: '<meta http-equiv="Content-Language"content="zh-cn"/>',
      },
      dateData:[], // 区域日期
      CwStatisticsData:{
        100101:0,
        100102:0,
        100103:0,
        100104:0,
        100201:0,
        100202:0,
        100203:0,
        100301:0,
        100302:0,
        100401:0,
        100402:0,
        100403:0,
        100404:0,
        100501:0,
        100601:0,
        10010301:0,
        10010302:0,
        10010303:0,
      },// 查询数据
    }
  },
  created() {

  },
  methods:{
// dayin(){
//   window.print();
// }
queryToneji(){
 if(this.dateData.length < 1){
   this.$message.error('请将填写正确的时间范围!');
return
 }

  // 获取时间区间
  this.CwStatisticsForm.dateStart = this.dateData[0]
  this.CwStatisticsForm.dateEnd = this.dateData[1]
  const loading = this.$loading({
    lock: true,
    text: '正在载入...',
    spinner: 'el-icon-loading',
    background: 'rgba(0, 0, 0, 0.7)'
  });
  this.$http.get('statistics' ,{params:this.CwStatisticsForm})
  .then( res => {
    setTimeout(() => {
      loading.close();
    });
    this.CwStatisticsData = res.data.data!=null?res.data.data:this.CwStatisticsData={}
this.shouStart=true
  } )
  .catch()

},
    latelyMonth(){ // 最近一月时间

  // this.dateData='' // 先清空时间区间

      const start = new Date(); // 定义开始时间
      const end = new Date();   // 定义结束时间
      start.setMonth(start.getMonth()-1)

      this.dateData=[this.$date.formatDate(start,'yyyy-MM-DD'),this.$date.formatDate(end,'yyyy-MM-DD')]
this.queryToneji()
    },
    latelySanMonth(){ // 最近三个月

      const start = new Date(); // 定义开始时间
      const end = new Date();   // 定义结束时间
      start.setMonth(start.getMonth()-3)

      this.dateData=[this.$date.formatDate(start,'yyyy-MM-DD'),this.$date.formatDate(end,'yyyy-MM-DD')]
      this.queryToneji()

    },
    latelyHalfYear(){// 最近半年
      const start = new Date(); // 定义开始时间
      const end = new Date();   // 定义结束时间
      start.setMonth(start.getMonth()-6)

      this.dateData=[this.$date.formatDate(start,'yyyy-MM-DD'),this.$date.formatDate(end,'yyyy-MM-DD')]
      this.queryToneji()

    },
    latelyYear(){// 最近一年

      const start = new Date(); // 定义开始时间
      const end = new Date();   // 定义结束时间
      start.setMonth(start.getMonth()-12)

      this.dateData=[this.$date.formatDate(start,'yyyy-MM-DD'),this.$date.formatDate(end,'yyyy-MM-DD')]
      this.queryToneji()

    },

  }
}
</script>

<style scoped>
p {
  /*margin-top: 1px;*/
  text-indent: 2em;
  line-height: 15px;
}

.p4 {
  text-indent: 4em;
}
/*.divMain{*/
/*  !*width: 100px;*!*/
/*  height: 500px;*/
/*  color: gray;*/
/*  !*background: #000000;*!*/
/*  margin: 0 auto;*/
/*}*/

</style>